<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>热词</title>
	<style>
		body,html{
			padding: 0;
			margin: 0;
			background:#0A0F23;
			width: 100%;
			height: 100%;
		}
		.clearfloat:after{
			content:"";
			height:0;
			display:block;
			visibility:hidden;
			clear:both;
		}
		/* 本例子css */
		.txtScroll-top{ overflow:hidden; position:relative;margin: 0 auto;margin-top: -5px;}
		.txtScroll-top .hd{ overflow:hidden;  height:100%;  font-size: 16px;color: #fff;text-align: center;font-weight: 700;}
		.txtScroll-top .hd span:nth-of-type(1){
			display: block;
			margin-bottom: 15px;
			text-align: center;
		}
		/*.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;}
		.txtScroll-top .hd .next{ background:url("images/icoDown.gif") no-repeat;  }*/
		.txtScroll-top .hd ul{ /*float:right;*/ overflow:hidden; zoom:1; }
		.txtScroll-top .hd ul li{ /*float:left;  */width:9px; height:9px; overflow:hidden;/* margin-right:5px; */text-indent:-999px; cursor:pointer;list-style: none;  }
		.txtScroll-top .hd ul li.on{ background-position:0 0;}
		/*.txtScroll-top .bd{ padding:15px;  }*/
		.txtScroll-top .infoList li{ height:42px; line-height:42px; color:#fff; list-style: none;display: inline-block; 
			}
		.txtScroll-top .infoList li:nth-of-type(2n+1){
			 width: 60%;
			float: left;
		}
		.txtScroll-top .infoList li:nth-of-type(2n){
			float: right;
			width: 40%;
		}
		.txtScroll-top .infoList li span:nth-of-type(1){
			width: 1px ;
			height: 10px;
			margin-top: -10px;
			background:  #17d4ee;
			line-height: 10px;
			margin-right: 5px;
			vertical-align: middle;

		}
		.txtScroll-top .infoList li span:nth-of-type(2){
			margin-right: 10px;
		}
		.txtScroll-top .infoList li span{
			display: inline-block;
			height:36px; 
			line-height:36px;
			vertical-align: top;
			
		}
		.infoList{
			padding-left: 20px;
		}
	</style>
</head>
<body>
	<div style="width: 92%;height: 100%;">
		<div class="txtScroll-top">
			<!-- <div style=" color: #17d4ee;font-size: 22px;text-align: center;margin-top: 38px;color: #fff;font-weight: 700;">国内仪器公司活跃指数TOP10</div> -->
			<div class="hd"><div style="color: #fff;font-size: 22px;"><span>众创空间排行情况</span><span>TOP10</span></div></div>
			<div class="bd clearfloat">
				<!--https://www.xaecong.com/html/news/20181/71527409.html-->
				<ul class="infoList clearfloat" >
					<li><span></span><span>1.</span><span>i创途众创空间</span></li>
					<li><span></span><span>2.</span><span>瞪羚谷创业社区</span></li>
					<li><span></span><span>3.</span><span>华春众创工场</span></li>
					<li><span></span><span>4.</span><span>芝麻粒众创空间</span></li>
					<li><span></span><span>5.</span><span>渭南市3D打印众创空间</span></li>
					<li><span></span><span>6.</span><span>延安红色筑梦众创空间</span></li>
					<li><span></span><span>7.</span><span>启迪之星（西安）</span></li>
					<li><span></span><span>8.</span><span>咸阳高新筑梦.创享空间</span></li>
					<li><span></span><span>9.</span><span>洪泰大程（西安）创新空间</span></li>
					<li><span></span><span>10.</span><span>影工坊众创空间</span></li>
				</ul>
			</div>
		</div>
	</div>
</body>
<script>
	//jQuery(".txtScroll-top").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"topMarquee",autoPlay:true,vis:11,mouseOverStop:false,interTime:200});

</script>
</html>